<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="css/theme.css">
  <link rel="stylesheet" href="css/siteControl.css">
</head>
<body style="background-color: transparent;">
<section class="sec left">
  <div>
    <div class="title">站&nbsp点&nbsp管&nbsp控</div>
    <!-- <div class="contentButton">
       >>展开详情
     </div>-->
    <div class="status">
      <div class="statusTitle statusLeft">
        <div id="statusColor">
          <div></div>
          <div>当前状态</div>
        </div>
        <div id="statusText">正常</div>
      </div>
      <div class="statusTitle statusRight">
        <div style="margin-left: 15%;">
          <div></div>
          <div>运行时长</div>
        </div>
        <div>
          <span style="color:#15eeee; " id="statusTime">3</span>
          <span style="color: #eeeeee;">小时</span>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="title">站&nbsp点&nbsp实&nbsp况</div>
    <!-- <div class="contentButton">
       >>展开详情
     </div>-->
    <div id="faultRateBar_cc" style="width: 100%;height: 86%;float: left;"></div>
  </div>
  <div id="controlPic">
    <div class="title">站&nbsp点&nbsp实&nbsp况</div>
    <!-- <div class="contentButton">
       >>展开详情
     </div>-->
    <img src="../control/images/lidarPic.jpg" style="width: 100%;height:86%;">
  </div>
</section>
<section id="middle" class="sec middle show1">
  <div>
    <p></p>
    <p id="siteName">长春站</p>
  </div>
  <div>
    <div class="weatherTime">
      <div>
        <p></p>
        <p></p>
      </div>
      <div>
        <div id="pic_cc"></div>
        <div>
          <p id="weather_cc"></p>
          <p></p>
        </div>
      </div>
    </div>
    <div class="location">
      <div>位置</div>
      <div>
        <p><label for="J">经度</label>
          <input type="text" readonly id="J">
        </p>
        <p style="margin-top: -5%;"><label for="W">纬度</label>
          <input type="text" readonly id="W">
        </p>
      </div>
    </div>
    <div class="nextTime">
      <p>预计定标时间</p>
      <p>
        <span></span>
        <span>时</span>
        <span></span>
        <span>分</span>
        <span></span>
        <span>秒</span>
      </p>
    </div>
  </div>
  <div id="map" style="width:100%;height:650px;float: left;"></div>    <!--中国地图-->
</section>
<section id="right" class="sec right">
  <div>
    <div class="title" style="margin: 1% 0 0 2%;">维&nbsp护&nbsp计&nbsp划</div>
    <!-- <div class="contentButton">
       >>展开详情
     </div>-->
    <div class="rightTableContainer">
      <table class="rightTable" style="color: #e3d00f;">
        <thead>
        <tr>
          <th>时间</th>
          <th>事项</th>
          <th>负责人</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>2021年3月4日12:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年3月14日9:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年3月26日16:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年4月6日12:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年4月12日16:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年4月20日10:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年4月30日12:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年5月6日16:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年5月11日12:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年5月20日9:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年5月25日10:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年5月30日14:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年6月5日13:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        <tr>
          <td>2021年6月15日10:00</td>
          <td>维护</td>
          <td>admin</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div>
    <div class="title" style="margin: 1% 0 0 2%;">维&nbsp护&nbsp记&nbsp录</div>
    <!-- <div class="contentButton">
       >>展开详情
     </div>-->
    <div class="rightTableContainer">
      <table class="rightTable" style="color:#05efef;">
        <thead>
        <tr>
          <th>时间</th>
          <th>事项</th>
          <th>站点名</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>2021年3月4日12:00</td>
          <td>维护</td>
          <td>南通</td>
        </tr>
        <tr>
          <td>2021年3月14日9:00</td>
          <td>维护</td>
          <td>长春</td>
        </tr>
        <tr>
          <td>2021年3月26日16:00</td>
          <td>维护</td>
          <td>包头</td>
        </tr>
        <tr>
          <td>2021年4月6日12:00</td>
          <td>维护</td>
          <td>石家庄</td>
        </tr>
        <tr>
          <td>2021年4月12日16:00</td>
          <td>维护</td>
          <td>广州</td>
        </tr>
        <tr>
          <td>2021年4月20日10:00</td>
          <td>维护</td>
          <td>南宁</td>
        </tr>
        <tr>
          <td>2021年4月30日12:00</td>
          <td>维护</td>
          <td>青海湖</td>
        </tr>
        <tr>
          <td>2021年5月6日16:00</td>
          <td>维护</td>
          <td>石家庄</td>
        </tr>
        <tr>
          <td>2021年5月11日12:00</td>
          <td>维护</td>
          <td>敦煌</td>
        </tr>
        <tr>
          <td>2021年5月20日9:00</td>
          <td>维护</td>
          <td>敦煌</td>
        </tr>
        <tr>
          <td>2021年5月25日10:00</td>
          <td>维护</td>
          <td>南通</td>
        </tr>
        <tr>
          <td>2021年5月30日14:00</td>
          <td>维护</td>
          <td>呼伦贝尔</td>
        </tr>
        <tr>
          <td>2021年6月5日13:00</td>
          <td>维护</td>
          <td>敦煌</td>
        </tr>
        <tr>
          <td>2021年6月15日10:00</td>
          <td>维护</td>
          <td>广州</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>
<script src="../lib/jquery/jquery-3.4.1.js"></script>
<script src="../lib/echarts/echarts.js"></script>
<script src="../lib/custom/js/tool.js"></script>
<script src="js/siteControl.js"></script>
<script src="../lib/map/cityweather.js"></script>
<script src="../lib/map/map.js"></script>
</body>
</html>